<template>
	<view>
		<TabVue :list="listBar" :current="current" @click="changeTab"></TabVue>
		<searchBtnVue placeholder="搜索症状" @search="search"></searchBtnVue>
		<view v-if="current==0" class="renti">
			<view class="pad-16r">
				<view class="tip">
					请选择部位和病症，智能导诊将给出合适您病症的可是参考
				</view>
			</view>
			<view class="page">
				<view class="left">
					<view v-for="item in parts" :key="item.name" @click="toDisease(item.name)">
						<img v-if="item.active" class="img" :src="`/static/images/guidance/${item.click}.png`"
							:alt="item.name">
						<img v-else class="img" :src="`/static/images/guidance/${item.img}.png`" :alt="item.name">
					</view>
				</view>

				<view class="right">
					<view class="genders">
						<view class="gender" :class="{active: sex == 1}" @click="checkSex(1)">男</view>
						<view class="gender" :class="{active: sex == 2}" @click="checkSex(2)">女</view>
						<view class="gender" :class="{active: sex == 3}" @click="checkSex(3)">儿童</view>
					</view>
					<view class="body_content" style="height: 968upx;">
						<svg v-if="sex == 1" xmlns="http://www.w3.org/2000/svg" width="227.246" height="483.29"
							viewBox="0 0 227.246 483.29">
							<g transform="translate(-115.377 -224)">
								<path class="a"
									d="M355.718,64.3s.474-13.013-.919-14.933c0,0-1.852-6.507-1.378-8.361,0,0-4.011-.326-4.317-7.222,0,0-.919-11.484,2.771-6.068C351.936,27.656,346.853.653,369.037,0c0,0,20.362-.813,17.545,26.743,0,0,4.164-1.806,2.618,7.206,0,0-.306,7.385-4,6.9,0,0-.153,7.385-1.7,8.686,0,0-2.006,11.159-.307,13.778s13.779,13.29,19.261,13.453c0,0,25.093-6.507,28.951,25.588a86.438,86.438,0,0,1-.934,14.1,22.384,22.384,0,0,0,.934,7.873s3.537,14.445,3.843,20.838a27.293,27.293,0,0,0,5.542,11.484,87.077,87.077,0,0,1,8.482,21.309c3.231,12.639,3.383,17.064,6,22.644s4.47,15.1,6.308,18.527,1.087,4.6,5.251,6.735a21.138,21.138,0,0,1,8.007,6.717c1.837,2.456,8.925,7.222,8.619,8.7a3.281,3.281,0,0,1-2.1,1.827,3.077,3.077,0,0,1-2.672-.526c-1.684-1.464-6-3.611-5.236-1.968s9.431,20.09,7.487,22.22l-.092.1s-2.143.358-3.628-3.058a64.367,64.367,0,0,0-5.159-8.6l2.25,10s3.338,7.336,1.531,8.345c0,0-2.373.634-3.506-3.741l-6.384-14.087s-.888-.585-.643,1.074,3.062,15.746,3.445,16.267.475,2.9-.842,3.351c0,0-2.312.374-2.909-3.172,0,0-5.282-15.421-5.221-16.446s-.827-.374-.827,0,.474,13.013,0,13.794a1.333,1.333,0,0,1-1.194,1.139,2.834,2.834,0,0,1-2.251-2.6s-.72-7.45-.6-9.663a15.636,15.636,0,0,0-.888-5.579c-.428-1.253-3.98-8.98-4.593-12.46a54.013,54.013,0,0,1-1.424-7.516,61.856,61.856,0,0,0-1.9-9.435s-10.472-21.472-14.407-28.467c0,0-13.151-22.4-12.248-31.72,0,0-8.329-23.782-9.186-25.181,0,0-8.329,25.181-5.251,41.968,0,0,2.618,17.259,2.618,23.326s7.3,34.632,7.793,46.783,1.317,37.788-2.618,54.575-1.76,26.124-1.76,33.1,2.633,23.8,3.062,32.192-.873,37.771-4.379,51.305a60.97,60.97,0,0,0-1.3,27.523c.873,5.124,6.124,13.989,10.5,17.243s20.591,15.86,3.95,18.186c0,0-3.506,3.253-9.186-.455,0,0-7.44-2.342-8.757-9.337a30.319,30.319,0,0,0-7.885-3.253c-3.062-.472-7.885-6.995-4.379-11.192,0,0,2.19-4.668.873-8.409s0-9.76.429-12.591-.873-11.192-1.746-18.186-8.757-30.321-5.695-44.311,1.317-14.461,0-25.181-6.124-29.378-6.124-38.715-10.947-41.512-9.186-58.771h-3.062s-4.823,46.637-11.39,75.087c0,0-.873,21-5.251,27.523,0,0,.429,8.393,1.317,15.388s2.189,23.326-1.761,32.647-5.7,33.591-5.7,39.658-1.317,8.849.444,13.518,4.379,9.76,0,12.135-11.835,4.2-12.707,6.068-12.692,16.267-19.26,7.45c0,0-12.248-2.8-3.95-9.76,0,0,8.757-4.2,13.136-9.76A77.4,77.4,0,0,0,330.5,448.8c.872-1.4,1.317-12.119.872-18.642s-7.012-48.507-5.7-56.933,3.506-22.855,4.823-30.322-.444-18.658-.444-22.773-8.313-50.849-6.124-67.637,3.935-37.771,7-46.637,4.379-29.849,4.823-36.372-5.251-31.72-6.124-34.046c0,0-7,19.113-9.186,26.026s-.444,11.192-5.695,20.057a352.335,352.335,0,0,0-17.208,32.126c-4.808,10.72-5.251,19.114-7.441,27.507s-4.807,11.192-4.807,11.192l-.674,13.013s0,2.635-1.776,3.058a2.114,2.114,0,0,1-1.452-1.141,2.354,2.354,0,0,1-.079-1.917s.49-10.834.2-12.314c0,0-.4-.635-1,.325s-4.838,16.836-5.634,17.991-1.286,1.789-2.266,1.626a2.208,2.208,0,0,1-1.3-1.335,2.4,2.4,0,0,1,.124-1.918,75.392,75.392,0,0,1,2.465-8.947,27.74,27.74,0,0,0,1.669-8.426c-.291-.521-.689-.618-1.087-.2S270.15,263,269.644,264.06s-2.6,7.6-5.175,6.978c0,0-2.678-1.041-.505-4.88a74.011,74.011,0,0,1,2.955-7.629,37.3,37.3,0,0,0,2.771-8.426c-.108-.83-.888.521-1.194.846s-5.129,9.044-5.925,10.313-2.251,2.522-3.307,2.261c0,0-1.883-.326-.107-4.213,0,0,3.766-7.044,4.945-10.1s2.664-9.581,3.062-10.313c0,0-2.174,1.789-3.261,2.846s-4.838,2.31-6.231,1.627-2.067-1.627-.689-2.424a38.147,38.147,0,0,0,4.593-3.888c.8-.748,5.236-4.425,5.925-5.693s5.634-5.254,6.522-6.1a42.977,42.977,0,0,0,5.343-8.621c.98-2.538,7.211-18.837,8.191-23.261s3.567-19.878,4.593-23.571a59.336,59.336,0,0,1,5.925-12.1c1.791-2.945,6.323-10.508,6.721-14.51a157.826,157.826,0,0,1,2.863-17.162c.8-2.407.8-9.044.6-12.623S305,95,313.492,85.955s16.841-10.312,21.74-9.369A49.83,49.83,0,0,0,355.717,64.3Z"
									transform="translate(-140.851 224)" />
								<path class="b"
									d="M354.8,49.372s-1.852-6.507-1.378-8.361c0,0-4.011-.326-4.317-7.222,0,0-.919-11.484,2.771-6.068C351.936,27.656,346.853.653,369.037,0c0,0,20.362-.813,17.545,26.743,0,0,4.164-1.806,2.618,7.206,0,0-.306,7.385-4,6.9,0,0-.153,7.385-1.7,8.686C383.5,49.534,356.192,51.291,354.8,49.372Z"
									transform="translate(-140.851 224)" @click="toDisease('头部')" />
								<path class="b"
									d="M355.718,64.3s.43-12.977-.919-14.933c.771.909,7.654.933,13.8.815,5.16-.1,5.672-.146,14.9-.653,0,0-2.006,11.159-.307,13.778s13.779,13.29,19.261,13.453c0,0-57.033-.18-67.226-.18A49.83,49.83,0,0,0,355.717,64.3Z"
									transform="translate(-140.851 224)" @click="toDisease('颈部')" />
								<path class="b"
									d="M-718.613-5934.234a2.2,2.2,0,0,1-1.3-1.335,2.4,2.4,0,0,1,.123-1.917,75.187,75.187,0,0,1,2.464-8.947,27.71,27.71,0,0,0,1.67-8.426c-.291-.521-.69-.618-1.087-.2s-4.333,10.833-4.838,11.892-2.6,7.6-5.175,6.979c0,0-2.68-1.042-.505-4.881a73.811,73.811,0,0,1,2.954-7.629,37.3,37.3,0,0,0,2.772-8.426c-.108-.83-.889.521-1.2.846s-5.129,9.044-5.925,10.313-2.25,2.521-3.307,2.261c0,0-1.884-.325-.106-4.212,0,0,3.766-7.043,4.944-10.1s2.665-9.582,3.062-10.313c0,0-2.173,1.788-3.261,2.846s-4.838,2.31-6.232,1.626-2.067-1.626-.688-2.423a38.2,38.2,0,0,0,4.593-3.889c.8-.747,5.237-4.423,5.925-5.692s5.634-5.255,6.523-6.1a42.991,42.991,0,0,0,5.343-8.62c.98-2.539,7.211-18.838,8.191-23.261s3.567-19.879,4.593-23.571a59.349,59.349,0,0,1,5.925-12.1c1.791-2.945,6.322-10.508,6.721-14.51a157.633,157.633,0,0,1,2.863-17.162c.8-2.406.8-9.044.6-12.622s-3.26-18.414,5.237-27.459,16.842-10.312,21.74-9.369c3.821-1.163,2.638,14.131.391,29.427s-5.559,30.589-5.994,29.426c0,0-7,19.114-9.186,26.028s-.444,11.191-5.7,20.056a352.689,352.689,0,0,0-17.208,32.126c-4.807,10.72-5.25,19.113-7.441,27.507s-4.807,11.192-4.807,11.192l-.675,13.013s0,2.634-1.776,3.057a2.113,2.113,0,0,1-1.452-1.141,2.354,2.354,0,0,1-.078-1.916s.49-10.835.2-12.314c0,0-.4-.634-.995.325s-4.838,16.835-5.634,17.991c-.712,1.035-1.18,1.652-1.974,1.652A1.762,1.762,0,0,1-718.613-5934.234Zm192.385-3.676s-5.281-15.42-5.22-16.445-.827-.375-.827,0,.474,13.013,0,13.794a1.334,1.334,0,0,1-1.194,1.138,2.835,2.835,0,0,1-2.252-2.6s-.719-7.45-.6-9.663a15.652,15.652,0,0,0-.889-5.579c-.428-1.252-3.98-8.979-4.593-12.46a53.721,53.721,0,0,1-1.423-7.516,62,62,0,0,0-1.9-9.435s-10.472-21.472-14.407-28.466c0,0-13.152-22.4-12.247-31.72,0,0-8.329-23.784-9.187-25.182,0,0-13.289-58.576-7.807-58.413,0,0,25.093-6.507,28.951,25.587a86.546,86.546,0,0,1-.933,14.1,22.362,22.362,0,0,0,.933,7.874s3.536,14.443,3.843,20.837a27.289,27.289,0,0,0,5.543,11.485,87.053,87.053,0,0,1,8.48,21.309c3.231,12.64,3.384,17.065,6,22.644s4.471,15.1,6.309,18.528,1.086,4.6,5.25,6.735a21.125,21.125,0,0,1,8.007,6.716c1.837,2.457,8.925,7.224,8.62,8.7a3.283,3.283,0,0,1-2.105,1.827,3.074,3.074,0,0,1-2.672-.526c-1.683-1.463-6-3.61-5.237-1.967s9.432,20.089,7.487,22.22l-.091.1s-2.144.357-3.629-3.059a64.4,64.4,0,0,0-5.16-8.6l2.25,10s3.338,7.336,1.531,8.345c0,0-2.372.634-3.505-3.741l-6.384-14.088s-.889-.585-.644,1.075,3.062,15.746,3.445,16.266.474,2.9-.842,3.352a1.326,1.326,0,0,1-.189.011C-524.073-5934.726-525.735-5934.981-526.229-5937.91Z"
									transform="translate(850.377 6431.225)" @click="toDisease('上肢')" />
								<path class="b"
									d="M402.459,76.765s-1.114-.2-1.344,3.578c-.081,4.166.72,12.382,3.37,26.655,3.368,18.2,6.2,28.864,5.782,28.18a144.477,144.477,0,0,0-4.612,19.2c-1.216,7.224-70.624,6.244-71.856-.328-1.557-8.316-3.667-17.272-4.17-18.614,0,0,1.462-.709,6.3-31.727,2.1-14.158,2.91-28.261-.7-27.127C342.865,76.585,396.94,76.73,402.459,76.765Z"
									transform="translate(-140.851 224)" @click="toDisease('胸部')" />
								<path class="b"
									d="M405.58,154.837c-1.168,7.093-1.83,15.41-.565,22.31,0,0,2.618,17.259,2.618,23.326a82.946,82.946,0,0,0,1.764,11.376c2.129,10.918-82.37,12.464-80.37,1.727a56.839,56.839,0,0,1,1.9-7.719c3.061-8.865,4.379-29.849,4.823-36.372.184-2.7-.684-8.6-1.88-15.036,3.1,3.887,26.737,4.935,39.377,5.018C390.672,159.317,404.323,157.808,405.58,154.837Z"
									transform="translate(-140.851 224)" @click="toDisease('腰背部')" />
								<path class="b"
									d="M409.462,212.177c2.137,10.918,5.631,26.8,5.964,35.079.125,3.1.272,7.074.361,11.837-13.468,1.885-26.828,2.555-44.4,2.555a54.814,54.814,0,0,1-.158-10.667h-3.062s-.423,4.086-1.225,10.888c-21.73,0-30.322-.826-43.361-.826a60.844,60.844,0,0,1,.355-8.55c1.633-12.524,3.019-27.382,4.943-38.1,2.019,5.3,23.248,6.942,41.451,6.435C392.449,220.156,409.389,217.023,409.462,212.177Z"
									transform="translate(-140.851 224)" @click="toDisease('生殖')" />
								<path class="b"
									d="M-728.166-5909.61s-12.249-2.8-3.95-9.76c0,0,8.757-4.2,13.136-9.76a77.4,77.4,0,0,0,7.456-12.136c.871-1.4,1.316-12.119.871-18.641s-7.012-48.507-5.695-56.934,3.507-22.854,4.822-30.321-.443-18.658-.443-22.772c0-3.523-6.087-38.334-6.473-59.07,6.91-.123,27.97.828,43.36.828-1.791,15.176-5.561,44.206-10.171,64.178,0,0-.872,21-5.252,27.524,0,0,.429,8.394,1.317,15.388s2.188,23.326-1.762,32.647-5.695,33.591-5.695,39.658-1.317,8.849.445,13.517,4.378,9.76,0,12.136-11.836,4.2-12.708,6.067c-.671,1.439-7.816,10.284-14.068,10.285A6.277,6.277,0,0,1-728.166-5909.61Zm99.836.473s-7.441-2.344-8.757-9.338a30.335,30.335,0,0,0-7.884-3.253c-3.064-.472-7.886-6.995-4.379-11.192,0,0,2.19-4.668.872-8.409s0-9.76.429-12.591-.874-11.191-1.746-18.186-8.757-30.321-5.695-44.311,1.317-14.46,0-25.181-6.124-29.378-6.124-38.715c0-7.61-7.272-30.39-9.034-48.161,13.982,0,25.584-.034,44.408-2.526.242,12.794-.043,30.241-2.979,42.765-3.934,16.787-1.76,26.125-1.76,33.1s2.633,23.8,3.062,32.192-.872,37.77-4.379,51.3a61,61,0,0,0-1.3,27.524c.874,5.124,6.124,13.989,10.5,17.242s20.592,15.861,3.95,18.187a6.055,6.055,0,0,1-3.922,1.32A9.616,9.616,0,0,1-628.33-5909.138Z"
									transform="translate(901.175 6614.066)" @click="toDisease('下肢')" />
							</g>
						</svg>
						<svg v-else-if="sex == 2" xmlns="http://www.w3.org/2000/svg" width="211.05" height="483.28"
							viewBox="0 0 211.05 483.28">
							<g transform="translate(-123.592 -224)">
								<path class="b"
									d="M411.077.571c-7.262-1.583-10.521.279-9.776,5.4,1.024,7.728,2.607,7.914,0,9.31s-17.876,4.935-8.938,28.211c0,0-3.072-3.445-4.935,0-1.21,2.328-.186,5.679,3.166,10.148l3.072,5.214c1.862,6.145,3.352,9.776,4.469,10.8a24.337,24.337,0,0,1,3.259,4.19H424.67c3.538-2.141,5.4-4.655,5.4-7.728s.466-4.562,1.3-4.376c1.21.279,2.235-.652,3.259-2.886,1.4-3.259,5.959-10.241,4.562-12.755-.931-1.676-2.421-2.141-4.562-1.4a14.046,14.046,0,0,0,3.259-8.845c0-3.352,1.024-10.241-3.259-15.828a18.189,18.189,0,0,0-8.752-6.238s3.538-6.8-2.328-12.1C422.529.85,418.432.477,411.077.571Z"
									transform="translate(-185.164 223.977)" @click="toDisease('头部')" />
								<path class="b"
									d="M401.394,73.844v9.683c0,3.538-3.445,9.124-7.728,10.614-3.071,1.068-15.14,1.514-23.321,6.366,12.239,0,68.964-.133,81.573-.133-6.935-2.777-9.353-2.323-14.121-4.091-5.772-2.141-10.986-5.307-12.01-9.031q-.978-3.771-1.117-13.407Z"
									transform="translate(-185.164 223.977)" @click="toDisease('颈部')" />
								<path class="b"
									d="M-1609.224-5950.651c-.853-.6-.353-1.956-.353-1.956l4.318-13.4s.953-2.71.251-2.861-1.2,1-1.2,1l-5.271,10.239s-1.506,1.706-2.41,1.206.25-2.962.25-2.962l5.472-11.946s1.206-2.059.4-2.81-2.359.6-2.359.6l-3.515,3.343s-1.763.771-2.867,0,0-2.205,0-2.205,4.191-3.97,7.941-7.5a54.564,54.564,0,0,1,8.159-6.176l.553-1.763,1.478-6.651a.692.692,0,0,1,.011-.076c3.281-15.268,5.725-26.2,7.292-32.963a79.358,79.358,0,0,1,7.727-20.576c5.4-17.875,9.579-31.049,10.975-36.077,2.049-7.542,6.953-26.3,10.584-38.593a13.7,13.7,0,0,1,6.718-7.9c8.178-4.661,7.476,41.52,3.058,52.4-8.844,21.788-5.3,13.651-17.09,38.266a66.491,66.491,0,0,1-5.121,23.928c-2.508,6.059-8.036,14.694-12.1,21.877-.171.422-1.7,4.229-4.3,11.929-.551,9.436-2.04,13.652-2.04,13.652l-2.259,12.2s-.7.853-1.306.853-.751-.853-.751-.853.553-6.978.751-8.333-.149-1.506-.551-1.606-.7,1.206-.7,1.206l-2.932,11.092s-1.124,2.139-1.788,1.757-.551-1.757-.551-1.757,1.657-9.137,2.057-10.692.236-1.979-.251-2.259-.9,1-.9,1l-5.07,13.4s-1.164,2.048-2.022,2.048A.489.489,0,0,1-1609.224-5950.651Zm194.171-2.26-5.765-13.117s-.484-1.261-.955-.956-.614.736-.132,2.268,2.616,10.569,2.616,10.569.182,1.367-.46,1.785-1.879-1.662-1.879-1.662l-3.506-10.925s-.37-1.287-.765-1.166-.738.29-.467,1.632,1.189,8.282,1.189,8.282-.106.859-.708.892-1.347-.784-1.347-.784l-2.895-12.062s-1.706-4.133-2.752-13.527c-3.186-8.027-4.932-11.726-4.932-11.726h.006c-.557-1.088-4.344-8.525-7.833-16.431-10.521-23.834-12.663-38.359-12.663-40.687s-2.7-8.1-4.282-10.425a55.935,55.935,0,0,1-10.107-20.484c-.14,1.253-2.156-11.674-3.284-24.6-1.133-12.982-1.372-25.964,2.082-24.584,1.8.719,3.546,1.481,5.579,2.447,11.545,5.494,10.584,19.427,13.04,30.892s4.607,23.3,8.053,31.488c3.444,8.1,7.82,21.6,12.1,31,3.956,8.878,6.817,32.711,9.2,40h.011l1.965,7.066.642,1.732a54.623,54.623,0,0,1,8.473,5.74c3.929,3.328,8.321,7.072,8.321,7.072s1.176,1.375.115,2.2-2.862.149-2.862.149l-3.685-3.155s-1.625-1.271-2.388-.477.548,2.785.548,2.785l6.09,11.644s1.281,2.394.4,2.944-2.47-1.078-2.47-1.078l-5.8-9.949s-.56-1.127-1.255-.941.4,2.844.4,2.844l5.012,13.159s.571,1.327-.248,1.973a.5.5,0,0,1-.311.107C-1413.811-5950.97-1415.054-5952.912-1415.054-5952.912Z"
									transform="translate(1740.593 6454.951)" @click="toDisease('上肢')" />
								<path class="b"
									d="M370.517,100.4c7.813-4.706,8.2,36.846,3.225,52.3,4.841,10.055,9.229,14.1,14.286,14.524a74.151,74.151,0,0,0,13.366,0,40.444,40.444,0,0,1-6.61.559,51.66,51.66,0,0,1-9.683-.559,11.819,11.819,0,0,1,1.489,4.189c17.914,0,44.826.047,56.641.047.092-2.252.24-5.005.433-7.96q-3.352,2.514-12.29,2.514s9.532.731,15.211-5.787c3.817-4.376,6.2-8.179,6.482-10.693-3.488-19.554-6.164-49.634-1.6-49.342C439.828,100.2,386.935,100.4,370.517,100.4Z"
									transform="translate(-185.164 223.977)" @click="toDisease('胸部')" />
								<path class="b"
									d="M386.59,171.417a38.008,38.008,0,0,1-1.489,19.552c-2.212,5.738-7.8,14.738-11.276,27.509,24.812,0,59.084.321,80.07.321-3.865-13.238-9.349-22.112-10.232-28.016-.645-4.158-.794-10.469-.433-19.319C421.623,171.463,410.06,171.417,386.59,171.417Z"
									transform="translate(-185.164 223.977)" @click="toDisease('腰背部')" />
								<path class="b"
									d="M373.852,218.46c-.066.236-.168.553-.3,1.072a76.727,76.727,0,0,0-2.322,22.829c.215,4.574.674,9.273,1.4,14.661h38.625l-.647-8.423c1.4,1.3,3.072,1.3,4.934,0,0,0-.273,3.895-.569,8.423,14.073,0,25.929-.119,41.824-.119a77.033,77.033,0,0,0,.641-20.686,102.748,102.748,0,0,0-3.331-16.675c-.027-.1-.122-.368-.228-.738C442.957,218.8,392.194,218.46,373.852,218.46Z"
									transform="translate(-185.164 223.977)" @click="toDisease('生殖')" />
								<path class="b"
									d="M-1562.651-5906.607c-5.215-5.865-3.539-6.982-3.539-14.709a61,61,0,0,0-1.582-14.151c-.745-4.842-.745-8.379,0-10.708,1.862-18.062,0-29.329,0-33.8s-4.656-41.617-4.656-47.948-1.676-16.666-2.887-28.862,0-55.863,0-60.984c0-2.621.354-8.563.645-13.083,5.587,0,41.826-.149,41.826-.149-2.5,15.686-8.324,28.647-9.883,33.716-2.236,7.262-6.7,36.684-6.7,45.342s0,32.029,3.351,47.111-7.447,48.415-9.124,56.608.466,12.754,3.259,18.994,2.514,14.151,2.514,17.13c0,2.24-4.522,7.529-8.983,7.529A5.532,5.532,0,0,1-1562.651-5906.607Zm-33.332,0c-4.468,0-6.238-9.311-4.562-14.709s3.353-14.059,4.562-19.18-8.564-44.5-10.334-60.425,1.77-18.806,4.1-35.193c2.42-16.387,0-19.924-2.326-33.145-1.991-10.868-9.292-38.278-12.453-61.592h38.641l1.091,14.574v43.572c0,4.19,0,26.721-1.769,30.725-1.77,3.91,0,5.865,0,14.059,0,5.493-1.3,14.431-3.818,27-2.793,27.932-3.818,44.691-3.073,50.09.652,5.4,1.211,10.057,1.583,13.967-.092,10.333-.652,18.061-1.583,23.183-1.194,6.611-4.433,7.088-8.143,7.088C-1594.7-5906.593-1595.338-5906.607-1595.983-5906.607Z"
									transform="translate(1804.484 6611.852)" @click="toDisease('下肢')" />
							</g>
						</svg>
						<svg v-else-if="sex == 3" xmlns="http://www.w3.org/2000/svg" width="146.876" height="305.488"
							viewBox="0 0 146.876 305.488">
							<g transform="translate(-155.562 -314.291)">
								<path class="a"
									d="M3893.749,6430.3c-1.177-4.276-8.041-20.772,3.8-36.854s38.527-22.041,38.527-22.041.84,2.379-.925,6.608c-1.454,1.19,12.423-7,34.626-1.058-1.268,7.229-2.907,8.326-2.907,8.326h9.78s-.132,9.383-1.189,11.366c-.695,1.458.528,3.171.528,3.171s2.512,23.162,0,30.48c4.173-.444,10.664,5.108,6.344,13.926s-12.555,6.873-12.555,6.873-3.3,17.7-23.789,22.789c0,4.219,0,7.345,0,7.345s7.93,2.246,12.026,3.3,15.728,6.344,20.089,23.524,15.594,42.027,15.594,42.027,3.623,3.92,7.7,5.215a16.331,16.331,0,0,1,6.894,4.859,2.148,2.148,0,0,1-.6,2.314c-1.111.833-4.627-.6-4.627-.6l-1.944-1.111s-1.481-.555-.786.693,5.229,8.468,6.154,13.188-2.823.648-2.823.648l-3.7-6.571s-.37-.788-.972-.37.231,1.434.231,1.434l2.777,6.524s1.064,2.314,0,3.656-3.517-1.943-3.517-1.943l-3.285-7.5s-.648-1.2-1.25-.741.278,1.943.278,1.943l2.36,6.849s.74,2.036-.462,2.684-2.73-1.3-2.73-1.3l-3.008-7.45s-.37-.74-.879-.37,0,1.527,0,1.527l1.481,4.627s.324,1.574-.231,1.9a1.576,1.576,0,0,1-1.944-.6,132.771,132.771,0,0,1-12.008-22.663c-4.927-12.122-16.274-46.761-16.274-46.761s-.64-1.283-.686.706,0,43.3,0,43.3a75.211,75.211,0,0,1,.686,8.292c.132,4.66,0,31.753,0,31.753v59.6s.66,6.212,3.7,9.251,8.987,7.93,8.987,7.93,5.022,5.551-3.04,5.684-31.19,1.982-31.19-8.987-1.982-83-1.982-83l-.793-12.2s-2.776-1.285-2.908.565-2.643,93.438-2.643,93.438.679,6.828-3.172,7.666a109.056,109.056,0,0,1-28.283,2.511c-7.888-.506-3.126-5.847,2.473-9.78a61.592,61.592,0,0,0,4.8-4.625s3.44-3.056,2.511-13.083c.4-13.217.661-66.214.661-66.214l.529-29.736v-42.378s-.661-2.729-1.189,0-11.762,35.506-11.762,35.506-8.326,20.424-11.233,25.344-3.656,8.743-6.158,8.429.861-7.077.861-7.077-.157-2.265-.861-.565-2.972,10.3-5.709,8.894,1.8-9.681,1.8-9.681.7-1.346,0-1.658-1.407,1.658-1.407,1.658-3.128,9.368-6.335,8.429,2.972-11.026,2.972-11.026.626-.7,0-1.251-1.251,1.251-1.251,1.251-3.519,7.82-6.178,7.664,3.128-10.87,3.128-10.87l2.581-4.066s.861-2.58-1.251-.86-6.569,2.111-6.647,0,6.647-5.24,6.647-5.24,7.508-3.128,9.306-7.9,15.875-44.34,15.875-44.34,4.379-11.809,11.652-15.954,19.081-6.336,19.081-6.336v-7.345s-10.323-2.506-15.953-8.919a43.525,43.525,0,0,1-7.977-13.685,11.91,11.91,0,0,1-12.668-7.351C3883.5,6435.019,3890.234,6430.824,3893.749,6430.3Z"
									transform="translate(-3705.963 -6057.117)" @click="toDisease('下肢')" />
								<path class="b"
									d="M3893.749,6430.3c-1.177-4.276-8.041-20.772,3.8-36.854s38.527-22.041,38.527-22.041.84,2.379-.925,6.608c-1.454,1.19,12.423-7,34.626-1.058-1.268,7.229-2.907,8.326-2.907,8.326h9.78s-.132,9.383-1.189,11.366c-.695,1.458.528,3.171.528,3.171s2.512,23.162,0,30.48c4.173-.444,10.664,5.108,6.344,13.926s-12.555,6.873-12.555,6.873-3.3,17.7-23.789,22.789h-21.9s-10.323-2.506-15.953-8.919a43.525,43.525,0,0,1-7.977-13.685,11.91,11.91,0,0,1-12.668-7.351C3883.5,6435.019,3890.234,6430.824,3893.749,6430.3Z"
									transform="translate(-3705.963 -6057.117)" @click="toDisease('头部')" />
								<path class="b"
									d="M3945.985,6473.889c0,4.219,0,7.345,0,7.345s7.93,2.246,12.026,3.3a22.066,22.066,0,0,1,5.341,2.312c-14.285,0-44.056.187-57.362.187l.528-.27c7.024-3.575,17.569-5.532,17.569-5.532v-7.345Z"
									transform="translate(-3705.963 -6057.117)" @click="toDisease('颈部')" />
								<path class="b"
									d="M-2486.41-6036.374c-2.736-1.408,1.8-9.681,1.8-9.681s.7-1.346,0-1.659-1.408,1.659-1.408,1.659-3.127,9.368-6.334,8.429,2.972-11.027,2.972-11.027.626-.7,0-1.251-1.251,1.251-1.251,1.251-3.518,7.821-6.178,7.664,3.129-10.87,3.129-10.87l2.579-4.066s.862-2.579-1.251-.86-6.568,2.111-6.647,0,6.647-5.241,6.647-5.241,7.509-3.127,9.306-7.9,15.875-44.34,15.875-44.34,4.38-11.809,11.653-15.953l1.108-.6s3.892,23.24,3.421,22.7c.011-.152-.291-.165-.557,1.212-.528,2.73-11.763,35.506-11.763,35.506s-8.326,20.424-11.233,25.344-3.655,8.743-6.157,8.429.86-7.078.86-7.078-.157-2.264-.86-.565c-.652,1.571-2.64,9.048-5.1,9.049A1.321,1.321,0,0,1-2486.41-6036.374Zm119.27-1.444-3.009-7.45s-.369-.74-.879-.371,0,1.528,0,1.528l1.48,4.626s.323,1.574-.231,1.9a1.575,1.575,0,0,1-1.944-.6,132.64,132.64,0,0,1-12.007-22.662c-4.928-12.121-16.275-46.761-16.275-46.761a1.564,1.564,0,0,0-.419-.4c.077-.08.893-24.275,3.235-22.931,4.866,2.786,11.658,8.988,14.762,21.221,4.362,17.182,15.595,42.027,15.595,42.027s3.623,3.919,7.7,5.215a16.326,16.326,0,0,1,6.895,4.859,2.146,2.146,0,0,1-.6,2.313c-1.11.834-4.626-.6-4.626-.6l-1.944-1.111s-1.48-.554-.786.693,5.228,8.469,6.155,13.189-2.824.648-2.824.648l-3.7-6.57s-.369-.788-.971-.371.231,1.435.231,1.435l2.776,6.523s1.065,2.315,0,3.657-3.517-1.944-3.517-1.944l-3.286-7.5s-.648-1.2-1.25-.74.279,1.943.279,1.943l2.359,6.849s.74,2.036-.462,2.684a1.1,1.1,0,0,1-.53.132C-2366.019-6036.39-2367.14-6037.818-2367.14-6037.818Z"
									transform="translate(2654.563 6560.67)" @click="toDisease('上肢')" />
								<path class="b"
									d="M3963.352,6486.85c-2.868,2.618-2.83,23.326-3.112,22.958.037-.029-.369-.494-.405,1.074-.014.591-.019,4.651-.021,10.334l-49.647,0v-10.332a3.979,3.979,0,0,0-.554-1.186c-.032-.172-1.584-11.6-3.5-22.718C3918.071,6486.978,3949.35,6486.85,3963.352,6486.85Z"
									transform="translate(-3705.963 -6057.117)" @click="toDisease('胸部')" />
								<path class="b"
									d="M3959.815,6521.186c0,12.584.021,33,.021,33s-32.149-.925-49.667-.925l0-32.034S3952.512,6521.186,3959.815,6521.186Z"
									transform="translate(-3705.963 -6057.117)" @click="toDisease('腰背部')" />
								<path class="b"
									d="M3959.836,6554.185a75.211,75.211,0,0,1,.686,8.292c.056,1.985.065,9.041.055,15.63-7,0-14.508.009-23.989.009l-.384-5.6s-2.776-1.285-2.908.565c-.016.226-.184,5.033-.184,5.033h-23.384l.44-24.857Z"
									transform="translate(-3705.963 -6057.117)" @click="toDisease('生殖')" />
								<path class="b"
									d="M-2455.059-6041.366c0-10.969-1.982-83-1.982-83l-.425-6.613s16.465-.025,24-.025c-.014,7.9-.054,16.153-.054,16.153v59.6s.66,6.212,3.7,9.25,8.988,7.929,8.988,7.929,5.022,5.551-3.041,5.684c-2.177.036-5.454.2-9.077.2C-2442.737-6032.182-2455.059-6033.358-2455.059-6041.366Zm-39.78,8.987c-7.889-.506-3.126-5.847,2.473-9.78a61.926,61.926,0,0,0,4.8-4.625s3.44-3.056,2.511-13.083c.4-13.217.66-66.214.66-66.214l.089-4.879,23.335.006-2.411,88.4s.68,6.829-3.171,7.667a107.985,107.985,0,0,1-23.838,2.6Q-2492.554-6032.291-2494.839-6032.378Z"
									transform="translate(2688.075 6651.96)" @click="toDisease('下肢')" />
							</g>
						</svg>
					</view>
					<ButtonVue content="下一步" @click="next"></ButtonVue>
				</view>
			</view>
		</view>
		<view v-if="current==1">
			<view class="detail-list">
				<view class="left">
					<view class="item" :class="{active: activeIndex == index}" v-for="(item,index) in showItems"
						:key="index" @click="checkItem(index)">
						{{item.organ}}
					</view>
				</view>
				<view class="right">
					<u-cell-group>
						<u-cell-item v-for="(child, index) in childList" :key='index' :title="child.name"
							@click='toDetail(child)'></u-cell-item>
					</u-cell-group>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		symptomSelect
	} from '../../api/symptom'
	import {
		mapGetters
	} from 'vuex'
	import ButtonVue from '../../components/Button/Button.vue'
	import TabVue from '../../components/Tabs/TabCenter.vue'
	import searchBtnVue from '../../components/Search/searchBtn.vue'
	import diseaseVue from './disease.vue'
	export default {
		components: {
			ButtonVue,
			TabVue,
			searchBtnVue,
			diseaseVue
		},
		data() {
			return {
				parts: [{
						name: '头部',
						img: 'toubu',
						click: "toubuClick",
						active: false,
					},
					{
						name: '颈部',
						img: 'jingbu',
						click: "jingbuClick",
						active: false,
					},
					{
						name: '上肢',
						img: 'shangzhi',
						click: "shangzhiClick",
						active: false,
					},
					{
						name: '胸部',
						img: 'feibu',
						click: "feibuClick",
						active: false,
					},
					{
						name: '腰背部',
						img: 'yaobu',
						click: "yaobuClick",
						active: false,
					},
					{
						name: '生殖',
						img: 'shengzhi',
						click: "shengzhiClick",
						active: false,
					},
					{
						name: '下肢',
						img: 'xiazhi',
						click: "xiazhiClick",
						active: false,
					}
				],
				sex: 1,
				listBar: [{
					id: 1,
					name: "人体图"
				}, {
					id: 2,
					name: "症状列表"
				}],
				current: 0,
				data: [],
				name: '',
				showItems: [],
				listAll: [],
				childList: [],
				activeIndex: 0, //症状列表里面被选中的左侧的序号
				activeName: '', //点击人体图时选中的部位
			}
		},
		computed: {
			...mapGetters(['baseApi'])
		},
		methods: {
			init() {
				symptomSelect({
					name: this.name
				}).then(res => {
					this.listAll = res;
					let map = new Map()
					this.listAll.forEach(item => {
						map.set(item.organ, item);
					})
					this.showItems = [...map].map(item => item[1])
					this.showFirstItem(0)
				})
			},
			// 默认显示第一个
			showFirstItem(index) {
				this.childList = []
				let organ = this.showItems[index].organ
				this.listAll.forEach(item => {
					if (item.organ == organ) {
						this.childList.push(item)
					}
				})
			},
			checkSex(sex) {
				this.sex = sex
			},
			toDisease(name) {
				let organ = name
				if (name == '生殖') {
					this.sex == 1 ? organ = '男性生殖' : organ = '女性生殖'
				}
				this.parts.forEach(item => {
					item.active = false;
					if (item.name == name) {
						item.active = true;
					}
				})
				this.activeName = name
			},
			changeTab(e) {
				this.current = e;
				this.activeIndex = 0
				if (e == 1) {
					this.name = ""
					this.init()
				}
			},
			search(e) {
				if (e == '') {
					this.activeIndex = 0
				}
				this.name = e
				this.current = 1
				this.init()
			},
			checkItem(index) {
				this.activeIndex = index
				this.showFirstItem(index)
			},
			toDetail(item) {
				uni.navigateTo({
					url: `./Detail?item=` + JSON.stringify(item)
				})
			},
			next() {},
		}
	}
</script>

<style lang="scss" scoped>
	.renti {
		background-image: url($mk-base+"/static/images/guidance/renti.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: calc(100vh - 50px);
	}

	.page {
		display: flex;
		flex-direction: row;

		padding: 32upx;
		gap: 40upx;

	}

	.left {
		.img {
			width: 70px;
			height: 70px;
			margin-bottom: 10px;
		}
	}



	.right {
		flex: 1;

		.genders {
			display: flex;
			justify-content: flex-end;
			border-radius: 16rpx;
			color: white;

			.gender {
				width: 100upx;
				height: 56upx;
				line-height: 56upx;
				background: #44CFDA;
				text-align: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;


				&.active {
					color: #FFF;
					background: #EEFBFF;
					border-radius: 16rpx;
					font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
					font-weight: 400;
					color: #333333;
					font-style: normal;
					text-transform: none;
				}
			}
		}

		.tip {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 32upx;
			color: #585858;
			line-height: 48upx;
			text-align: center;

		}

		.next {
			height: 88upx;
			line-height: 88upx;
			text-align: center;
			background: $theme-color;
			border-radius: 6px;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			font-size: 32upx;
			color: #FFF;
		}
	}

	.body_content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.a {
		fill: #FFF;
	}

	.b {
		fill: #85aef3;

		&:hover {
			fill: $theme-color;
		}
	}

	.detail-list {
		display: flex;
		flex: 1;
		// border-radius: 8px;
		overflow: auto;
		height: calc(100vh - 100px);

		.left {
			width: 174upx;
			background-color: #F6F6F6;

			.item {
				line-height: 44upx;
				// border-bottom: 1px solid rgba(0,0,0,0.12);
				padding: 24upx 0 24upx 20upx;
				background-color: #F6F6F6;
				position: relative;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28upx;
				color: rgba(0, 0, 0, 0.4);
				line-height: 44upx;

				&.active {
					color: $theme-color;
					background-color: #FFF;

					&:before {
						content: '';
						display: block;
						position: absolute;
						width: 6upx;
						height: 64upx;
						left: 0;
						top: 50%;
						transform: translateY(-50%);
						background: $theme-color;
						border-radius: 4upx 0 0 4upx;
					}
				}
			}
		}

		.right {
			flex: 1;
			// padding: 0 32upx 96upx;
			background-color: #FFF;
			overflow: auto;

			.item {
				display: flex;
				justify-content: flex-start;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28upx;
				color: rgba(0, 0, 0, 0.7);
				line-height: 44upx;
				border-bottom: 1px solid rgba(0, 0, 0, 0.12);
				padding: 24upx 20upx;

				::v-deep.uni-radio-input {
					width: 32upx;
					height: 32upx;
				}

				.money {
					display: flex;
					color: #FF7F7F;
					font-size: 24upx;
					line-height: 40upx;

					.light-min-btn {
						// width: 260upx;
						height: 40upx;
						border-radius: 40upx;
						text-align: center;
						font-size: 24upx;
						background: transparent;
						border: 1px solid $theme-color;
						color: $theme-color;
						padding: 0 16upx;
						margin-left: 32upx;
					}
				}

			}
		}
	}
</style>